/***************  TIPOGRAFÍA  ***************/

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Abel&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,600;1,400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200;300;400;500;600;700;800;900&display=swap');
/***************  LAYOUT  ***************/

body{
	font-family: 'Open Sans';
	font-size: 14px;
	background-color: #fff;
}
a{
 color:#E06B14;
}
a:hover{
 color:#666;
}
h1{font-size: 1.7rem;  color: #000; font-weight: bold; margin-bottom: 0; margin-top: 2rem; border-bottom:2px solid #000;  font-family: 'Cairo';display: inline-block; padding: 0; padding-bottom: .7rem; margin-bottom: 1rem;}
h2{ padding: 0; font-size: 1.2rem; font-weight: bold;font-family: 'Cairo'; }
h3{font-size: 1.3rem; font-family: 'Cairo';}
h4 {font-size: 1.1rem;}
section{background-color: #fff;  margin-top:126px;}

a[name] {
    display: block;
    padding-top: 180px;
    margin-top: -180px;
}
 

.breadcrumb{
	background-color: transparent;
	padding-left: 0;
}
.contenido{margin-top: 1rem; margin-bottom: 1rem;}
.nav-tabs {
    border-bottom: 0;
}
.cancelado { background-color: #f00; color:#fff; padding: 7px; text-align:center; }
.tipo1{font-family: 'Cairo';}
.copy {text-align: right; color:#fff; margin-top: -20px; text-shadow: 1px 1px 2px #000; margin-right: 10px;font-size: .8rem;}

/***************  HEADER  ***************/
header{
	background-color: #fff;
	font-family: 'Cairo';
}
.logos {
		display: none;
	}
.logo-cam-menu{text-align: right;}
.logo-cam-menu img {height: 60px; margin-bottom: 10px;}
.logo-cam-menu button{margin-right: 3px;}
.navbar-toggler{
	border:1px solid #fff;
}
.navbar-toggler .fas{
	color:#000;
}
.navbar{
	padding: .5rem 0;
}

.navbar li .nav-link{
		color:#000;
		font-size: 0.9rem;
		}


.dropdown-item:hover{
	background-color:#E06B14;
	color:#fff;
}
.dropdown-menu {
    padding: 0;
    font-size: 0.8rem;
    border-radius:0;
}
.nav-tabs {
    border-bottom: 0;

}

.nav-item.redes {
	padding: 10px 2px;
}
.nav-item.redes a{
	margin-right:10px;
	color: #666;
}

.nav-item.redes a:hover{
	color: #666;
}
/***************  FOOTER  ***************/

footer 					{ font-family: 'Montserrat';color:#000; padding: 30px 0; font-size: 0.9rem; border-top: 2px solid #000; background-color: #fff; text-align: center; margin-top: 3rem;}
#home footer 					{  margin-top: 0;}
footer p {font-size: 1rem; font-weight: bold;}
footer 	ul				{margin-left:0; padding-left: 0; display:flex; flex-wrap: wrap; list-style: none;justify-content:center;}
footer ul li 			{padding-left: 15px; margin-left: 10px; border-left: 1px solid #fff;}
footer ul li:first-child 		{border-left: 0;}
footer ul li a 			{color: #000!important;}
footer ul li a:hover 		{text-decoration: underline;}
.copy img 					{margin-right: 10px;}




/***************  HOME  ***************/
#home .home {
	background-color: #fff;
	text-align: center;
}
#home .contenido-home {display: flex; flex-wrap: wrap; padding-top: 40px;}
#home .destacados {margin:2rem 0;}
#home .destacados h4{text-align: center; font-size:.9rem; color:#000; padding:.4rem 2rem; margin-bottom: 0; font-family: 'Cairo';background-color: #fff;}
#home .destacados .modulo {margin-bottom: 1.5rem; }
#home .destacados .modulo.dos {background-image: url("../img/calendario.webp"); }
#home .destacados .modulo.tres {background-image: url("../img/entradas.webp"); }
#home .destacados .modulo.dos, #home .destacados .modulo.tres { background-size: cover; }
#home .destacados .modulo .texto {height: 100%; background-color: rgba(255, 255, 255, 0.3);  display: flex; justify-content: center; align-content: center; flex-direction: column; height: 168px; font-size: 1.4rem; color:#000; padding:2rem; font-weight: bold; border:1px solid #000;   }
#home .ediciones{ border-top: 1px solid #000; border-bottom: 1px solid #000; padding:1rem; margin-bottom: 2rem;}
#home .ediciones a{ display: inline-block; padding: 0 .5rem;}
/**********EL FESTIVAL******/
#elfestival h2 {text-align: left; padding-left: 0;  padding-bottom: .5rem; margin-bottom: 1.5rem; color:#000;}
#elfestival .encifras {margin-top: 30px; }
#elfestival .encifras h3 {margin-bottom: 1rem}
#elfestival .encifras .row{margin-bottom: 1rem; border-bottom: 1px solid #ccc;}
#elfestival .logos-colaboradores {text-align: center;}
#elfestival .logos-colaboradores img {margin:30px;}
/****************PÁGINA CON LISTADO DE ACTIVIDADES*************/
#programacion .btn-descarga{ background-color: #666;  margin-bottom: 3rem; margin-top:2rem;color:#fff; padding:.5rem 2rem; display: inline-block;}
#programacion .btn-descarga:hover{ background-color: #000; color:#fff; text-decoration: none;}
.listado-actividades h3{ font-size:1.5rem; margin-top:.5rem; margin-bottom:0; font-weight: bold; font-family: 'Cairo'; }
.listado-actividades h4{ font-size:1.2rem; margin-top:.9rem; font-family: 'Cairo';margin-bottom: 0; }
.listado-actividades p{ margin-bottom:.6rem;}
.listado-actividades a:hover{color:#000;}
.listado-actividades .cancelado{position:relative; top:-30px;}

.listado-actividades .copy {text-align: right; color:#fff; margin-top: -20px; text-shadow: 1px 1px 2px #000; margin-right: 10px;font-size: .7rem;}
.listado-actividades .cajas-actividades { display: flex; flex-wrap: wrap; }
.listado-actividades .cajas-actividades .caja-actividad {margin-top:2rem;}
.listado-actividades .lugar{ background-color: #423c32; color:#fff; padding:5px;font-size:.9rem;}
.listado-actividades .caja-datos p{ font-size: 1.1rem;}
.listado-actividades .icono { height: 2.4rem; margin-left: .7rem; float:right;}

/****************FICHA DE ACTIVIDAD*************/

.ficha-actividad .caja-titulo { background-color: #666; color:#fff;padding:2rem 1.5rem; }
.ficha-actividad .caja-titulo .estreno{ font-size: 1rem; margin-top: -10px; }
.ficha-actividad .caja-titulo .datos { margin-top: 20px; padding-top: 15px;  margin-bottom: 20px;padding-bottom: 15px; font-size: 1rem; font-weight: 200;}
.ficha-actividad .caja-titulo .ficha-artistica {background-color: #ccc; padding:20px; color:#000;}
.ficha-actividad .caja-titulo .web {color:#fff; font-size: 1rem; text-decoration: underline;}
.ficha-actividad h3{font-size: 1.8rem; font-weight: bold; font-family: 'Cairo'; text-transform: uppercase;}
.ficha-actividad h4{font-size: 1.2rem; }
.ficha-actividad h5{font-size: 1.1rem; }
.ficha-actividad .caja-texto {font-size: 1rem; text-align: justify; margin:2rem 0 ;}
.ficha-actividad .genero{font-size: .9rem; font-weight: bold;}
.ficha-actividad .caja-datos  { font-size: 1rem; margin-top: .2rem;  }
.ficha-actividad .caja-datos .cabecera { margin-top: 1.4rem; font-size: 1.2rem;margin-bottom: 1rem; border-bottom: 1px solid #000; ; color:#000; font-family: 'Cairo'; }
.ficha-actividad .caja-datos  .lugar{ font-weight: bold;   }
.ficha-actividad .caja-datos  .municipio {text-transform: uppercase; font-size: 1.2rem;}
.ficha-actividad .caja-datos .enlace-dossier {text-align: center; margin-top: 20px;     font-size: .8rem;
}
.ficha-actividad .logos_ficha {margin-right: 20px; margin-top: 20px;}
.ficha-actividad .caja-datos .enlace-dossier a{background-color: #666; color:#fff; padding:7px 20px; display: inline-block; }
.ficha-actividad .caja-datos .enlace-dossier a:hover{background-color: #000; text-decoration: none}
.ficha-actividad .caja-datos blockquote .cita{font-style: italic; font-size: 15px; margin-bottom: .5rem;}
.ficha-actividad .caja-datos blockquote .autor{font-weight: bold; text-align: right; font-size: 13px;}
.ficha-actividad .icono {  margin-left: .7rem; float:right; height: 3rem;}
.ficha-actividad  .btn_masinfo {background-color: #000; color:#fff; text-decoration: none; padding: .3rem 1rem;display: inline-block; margin: .3rem 0 .5rem 0; }
.ficha-actividad  .btn_masinfo:hover{background-color: #E06B14;}

.ficha-actividad .enlace-entradas{text-align: center;}
.ficha-actividad .entradas {color:#fff; background-color: #000; padding: 8px 20px; font-size: .8rem;}
.ficha-actividad .entradas .fas { margin-right: .3rem;}
/****************CALENDARIO**********/
#calendario .nav-tabs  {
   justify-content: initial;
}
#calendario .nav-tabs h2{width: 100%;margin-top: 20px;}
#calendario .nav-tabs > li > a {
    margin-right: 1px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 0;
    background-color: #666!important;
    color:#fff!important;
    width: 34px!important;
    text-align: center;
    padding: 15px 0px!important;
}
#calendario .nav-tabs > li.active > a, #calendario .nav-tabs > li.active > a:hover, #calendario .nav-tabs > li.active > a:focus, #calendario .nav-tabs > li > a:hover {
    background-color: #000!important;
    border: 1px solid #000!important;
    color:#fff!important;
}
#calendario .nav-tabs > li.sinenlace {
    margin-right: 1px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 0;
   background-color: #ccc;
    width: 34px!important;
    text-align: center;
    color: #555;
    padding: 15px 0px;
}

#calendario .nav-tabs .mes2{margin-top: 1rem;}
#calendario .tab-content{margin-top: 10px;}
#calendario .panel-heading {display: none;}
#calendario .panel-body {margin-top:3rem;}
#calendario .menu-dias{display: none;}
#calendario .tab-pane {margin-top: 30px;}
#calendario .dia   {display: flex; align-items: stretch; border-top: 0;  margin: 0 11px; border-bottom: 1px solid #000;}
#calendario .dia:last-child   { border-bottom: 0;}

#calendario.dia a:hover {background: #f9f8f7;}
#calendario .dia.sinlinea { border-top: 0; }
#calendario .dia ul {list-style: none; padding:0;}
#calendario .caja-obra  {padding-top:5px; }
#calendario .dia .obra { color: #000; font-size:16px;}
#calendario .dia .obra  .titulo  { font-size:1.2rem; font-weight: bold;}
#calendario .dia .obra  .autor  { font-size:1.1rem;}
#calendario .dia .obra  .genero  { font-size:.9rem; font-weight: bold;}
#calendario .dia .dia-datos-obra  { font-size: 14px; padding-top: 20px;}
#calendario .dia .dia-nombre-obra{align-items:center;}

#calendario .caja-dia {text-align:center; background-color: #E06B14; color:#fff; padding:1rem; font-size: 1.2rem; margin-bottom: 1rem;}
#calendario .caja-dia .dia-semana, #calendario .caja-dia .dia-mes, #calendario .caja-dia .mes {display: inline-block;}
#calendario .panel-title a {text-align: center; background-color:#E06B14; color:#fff;}
#calendario .icono { float:right; margin-left: .7rem;  height: 3rem;}
#calendario .enlace-entradas a{background-color: #E06B14; color:#fff; display: inline-block; padding:5px 20px; margin-top:1rem; font-size: .8rem;}
#calendario .enlace-entradas a:hover{background-color: #1799c1; text-decoration: none;}
#calendario .enlace-entradas a i{padding-right:.3rem;  }

.table.calendario td, .table.calendario th {
    padding: .25rem;
    vertical-align: unset;
    font-size: 1.6em;
    text-align: center;
    border-top: 1px solid #dee2e6;
}
.table.calendario td {
	color: #dee2e6;
}
.table.calendario td .nav-link {
	padding: 0;
}

/****************ESPACIOS Y ENTRADAS*************/
#espacios-entradas h2{color: #000; text-align: left;padding: 0rem; margin-bottom: 2rem;}
#espacios-entradas .espacio{width: 100%; margin-bottom: 3rem; padding-left: 10px;}
#espacios-entradas h5{font-size: 1rem; margin-bottom: .1rem;}
#espacios-entradas h5 a{font-weight: bold;font-size: 1.25rem; font-family: 'Cairo';}
#espacios-entradas .compania{font-size: 1.1rem;}
#espacios-entradas .genero {font-size: .7rem; font-weight: bold; text-transform: uppercase;}
#espacios-entradas .espectaculos div.espectaculo:first-child {border-top: 1px solid #000;  margin-top: 1.5rem;}
#espacios-entradas .espectaculos h4 {padding-left: 1rem;}
#espacios-entradas .espectaculo .fecha  {line-height: 25px;}
#espacios-entradas .espectaculo .fecha .fa-clock {padding-left: 10px;}
#espacios-entradas .espectaculo {border-bottom: 1px solid #000; padding-bottom:1rem; padding-top:1rem;}
#espacios-entradas .enlace-entradas a{background-color: #000; color:#fff; display: inline-block; padding:5px 20px;  margin-top:1rem;}
#espacios-entradas .enlace-entradas a:hover{background-color: #666; text-decoration: none;}
#espacios-entradas .enlace-entradas a i{padding-right:.3rem;  }
#espacios-entradas .espectaculos h4{border-bottom: 1px solid #000;  margin-top: 1.5rem; margin:0px -20px;}
/****************FICHAS DE ESPACIOS*************/
#ficha-espacio h2{color: #1799c1; text-align: left;padding: 0rem; margin-bottom: .5rem;}
#ficha-espacio h5 {font-weight: bold;}
#ficha-espacio .intro h5 {margin-top: 20px;}
#ficha-espacio .intro p {margin-bottom: 30px;}
#ficha-espacio .intro .municipio { font-size: 1.2rem;}
#ficha-espacio .intro .direccion {font-size: 1.1rem;}
#ficha-espacio .datos h5 {color:#d3900c;}

/****************PRENSA*************/
#prensa .obra {border-bottom: 1px solid #ccc; padding: 10px 0; display: flex;align-items: center;}
#prensa .obra a {text-decoration: none;}
#prensa .obra .titulo {font-weight: bold; font-size: 1rem;color:#000;}

#prensa .btn-descarga{ background-color: #666; display: table; margin-bottom: 1.3rem; color:#fff; font-size: .9rem; border-radius: 0;}
#prensa .btn-descarga:hover{ background-color: #000; color:#fff;}
#prensa .contacto-prensa{font-size:1rem;}
#prensa h5 {font-size: 18px;}

/***********************  RESPONSIVE  *****+***************/

/******* ESCRITORIO******/
@media (min-width: 990px) {

	/******HEADER****/
	header{padding-top: 5px;}
	.navbar .navbar-brand{
		display: none;
	}
	.redes {
		display: flex;
	}
	.logos{
		display: flex;
	}

	.logos-cam{
		text-align: right;
	}
  .logo-cam-menu img {display: none;}
	.navbar{
		margin-top:0rem;
		padding: 0;

	}
	.navbar-collapse{border-top: 1px solid #403a32;
		border-bottom: 1px solid #2e2922; background-color: #E06B14;	}
	.navbar-nav{
		width: 100%;
		display: flex;
		margin-bottom: .2rem;
		justify-content: flex-start;
		margin-left:40px;
		

	}
	.navbar li .nav-link{
		margin-right:3rem;
		text-transform: uppercase;
		font-size: 1rem;
		border-bottom:0;
		padding: 0!important;
		
		color:#fff;
		

		text-decoration: none;
	    background-image: linear-gradient(currentColor, currentColor);
	    background-position: 0% 100%;
	    background-repeat: no-repeat;
	    background-size: 0% 1px;
	    transition: background-size .3s;
	   
		
	}
	.navbar li .nav-link:hover{
		 background-size: 100% 1px;
}

	.navbar li.redes .nav-link{
		margin-right:0rem;
		background-color: transparent;
		border:0;

	}
	.navbar .redes i.fa { display: inline-block;border-radius: 60px; padding: 0.5em 0.6em; background-color: #fff; font-size: 1rem; color:#E06B14;}
	.navbar .redes i.fa-instagram {padding: 0.5em 0.5em;}
	.navbar .redes i.fa-twitter{padding: 0.5em 0.4em;}
  	.navbar .redes{
    margin-bottom:0;
    padding:10px 0;
	}
	.navbar .redes a{
	color:#fff;
	}
	.navbar .redes i.fa:hover {
	background-color:#000;
	color:#fff;
	}


	.dropdown-menu {
    border:1px solid #fff;
    font-size: 0.9rem;
	}
  	section {margin-top: 190px;}
	.contenido{margin-top: 0.5rem;}
    /**** FOOTER  ****/


	/**** LAYOUT ***/

	h1{ font-size: 3rem;}
	h2{ font-size: 2rem;}
	h3{font-size: 1.75rem;}
	h4 {font-size: 1.4rem;}
	.subtitulo_h2 { font-size: 1.4rem;}

	/*****EL FESTIVAL***/
	.encifras {width: 80%;}
	/**** PÁGINA CON COLUMNAS Y DESPLEGABLES
	.accordion.columnas {column-count: 2;}***/
	/****PÁGINA CON LISTADO DE ACTIVIDADES****/
	.listado-actividades .intro {font-size: 1.2rem;}
	.listado-actividades .actividad h3{font-size: 1.4rem;}
	.listado-actividades .actividad h4{font-size: 1.3rem;}
	.listado-actividades .icono { height: 3rem; }
	.ficha-actividad .icono { height: inherit; margin-left: .7rem; float:right;}
  /*****PRENSA******/
  .prensa .btn-descarga {font-size: 1.1rem;}
  /*****CALENDARIO***/
  #calendario .nav-tabs > li > a, #calendario .nav-tabs > li.sinenlace {
    font-size:1.1rem;

}
  #calendario .nav-tabs {
    display: flex;
    padding: 15px 10px!important;
	}
  #calendario .panel-heading {display: none;}
  #calendario .menu-dias{display: block;}
  #calendario .tab-content{margin-top: 40px;}
  #calendario .dia   { border-top: 1px solid #000; border-bottom: 0;}
  #calendario .dia.sinlinea .caja-obra, .dia.sinlinea .caja-datos{ border-top: 1px solid #000; }
  #calendario .caja-dia {display: block;border-right: 1px solid #000;   min-height: 130px!important;  padding:15px; text-align:center; background-color: transparent; color:#000; margin-bottom: 0;}
  #calendario .caja-dia .dia-semana, #calendario .caja-dia .dia-mes, #calendario .caja-dia .mes {display: block;}
  #calendario .caja-dia .dia-semana  {text-align: center; margin-bottom: 15px;margin-left:10px;}
  #calendario .caja-dia .dia-mes {font-size: 90px; text-align: center; padding-top: 6px; line-height: 30px; height: 70px;}
  #calendario .caja-dia .mes {text-align: center; }
  #calendario .caja-dia .dia-mes {font-size: 90px; text-align: center; padding-top: 6px; line-height: 30px; height: 70px;}
  #calendario .caja-dia .mes  {text-align: center; }
  #calendario .caja-obra  {padding-top:20px; padding-bottom: 20px;}
  #calendario .dia ul {margin-left: 15px;}
  #calendario .dia .dia-nombre-obra{padding-right:20px; padding-left:20px;}
   #calendario .caja-dia-vacia {border-right: 1px solid #000!important;}


}
/******* ESCRITORIO PEQUEÑO******/
@media (min-width: 990px) and (max-width: 1200px) {
	/******HEADER****/

	.navbar li .nav-link{
		margin-right:0.6rem;
		font-size: 0.7rem;
		padding:0.5rem 0.6rem!important;
	}

}




